<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <link rel="stylesheet" type="text/css" href="main.css" />
    <script type="text/javascript" src="jquery.3.5.3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="echarts.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="moment.js" charset="utf-8"></script>
    <script type="text/javascript" src="main.js" charset="utf-8"></script>
</head>

<body>
    <div class="main">
        <div class="page">
            <div class="box">
                <div class="box title">
                    <div class="filename"></div>
                    <div class="next">文件创建于:</div>
                    <div class="createdtime"></div>
                </div>
                <div class="box pic ok"><img src="ok.png"></img>
                </div>
                <div class="box pic alarm" style="display: none;"><img src="alarm.png"></img></div>
            </div>

            <div class="common deviceInfo">
                <div class="box head">设备信息</div>
                <div class="box table">
                    <div class="td">
                        <div>产品名称：</div>
                        <div></div>
                    </div>

                    <div class="td">
                        <div>设备型号：</div>
                        <div></div>
                    </div>

                </div>
                <div class="box table">
                    <div class="td">
                        <div>设备ID：</div>
                        <div></div>
                    </div>

                    <div class="td">

                    </div>

                </div>

            </div>

            <div class="Waybill">
                <div class="box head">运单信息</div>

                <div class="box table">
                    <div class="td">
                        <div>运单编码:</div>
                        <div>123456</div>
                    </div>

                    <div class="td">
                        <div>快递单号:</div>
                        <div>123456</div>
                    </div>

                </div>

                <div class="box table">
                    <div class="td">
                        <div>货物名称:</div>
                        <div>123456</div>
                    </div>

                    <div class="td">
                        <div>订单编号:</div>
                        <div>123456</div>
                    </div>

                </div>

                <div class="box table">
                    <div class="td">
                        <div>内容描述:</div>
                        <div>123456</div>
                    </div>

                    <div class="td">
                        <div>冷藏箱编号:</div>
                        <div>123456</div>
                    </div>

                </div>

                <div class="box table">
                    <div class="td">
                        <div>开始时间: </div>
                        <div></div>
                    </div>

                    <div class="td">
                        <div>发货方: </div>
                        <div></div>
                    </div>

                </div>

                <div class="box table">
                    <div class="td">
                        <div>结束时间: </div>
                        <div></div>
                    </div>

                    <div class="td">
                        <div>收货方: </div>
                        <div></div>
                    </div>

                </div>


            </div>

            <!-- <div class="common monitorDuration">
            <div class="box head">描述信息</div>
            <div class="box table">
                <div class="td">
                    <div>监控时长：</div>
                    <div>123456</div>
                </div>
    
                <div class="td">
    
                </div>
    
            </div>
        </div> -->

            <div class="common configurationInfo">
                <div class="box head">配置信息</div>
                <div class="box table">
                    <div class="td">
                        <div>记录间隔：</div>
                        <div></div>
                    </div>

                    <div class="td">
                        <div>上传间隔：</div>
                        <div></div>
                    </div>
                </div>

                <div class="box table">
                    <div class="td">
                        <div>时区：</div>
                        <div></div>
                    </div>

                    <div class="td">

                    </div>
                </div>
            </div>

            <div class="common alarm">
                <!-- <div class="box head">报警信息</div> -->
                <table>
                    <tr>
                        <th>报警信息统计：</th>
                        <th>超限时长</th>
                        <th>超限次数</th>
                        <th>报警状态</th>
                    </tr>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>

        <div class="probeData">

        </div>
        <!-- ===================================================== -->

        <div class="alarmdataList">
            <div class="page">
                <div class="box head">告警列表</div>
                <table border="1">
                    <tr>
                        <th>告警时间</th>
                        <th>告警名称</th>
                        <th>告警信息</th>
                        <th>当前状态</th>
                    </tr>

                    <tbody>
                        <tr>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
    <div class="dataList">
        <div class="box head">数据列表</div>
        <div class="page">
            <table border="1">
                <tr>
                </tr>

                <tbody>
                    <tr>
                    </tr>
                </tbody>
            </table>
        </div>

    </div>

</body>

</html>
<script type="text/javascript" src="data2.js" charset="utf-8"></script>